<template>
  <div id="app">
    <h1>父组件</h1>
    <GoSchool @addinfo="addinfo" />
    <Item @getItem="getItem" />
  </div>
</template>

<script>
import GoSchool from "./components/GoSchool";
import Item from "./components/Item";
// 组件传值  自定义事件 this.$emit()
export default {
  name: "App",
  data() {
    return {
      msg: "动画片",
      studentArr: [
        { id: "01", name: "tianqing" },
        { id: "02", name: "houbang" },
        { id: "03", name: "pengfei" }
      ]
    };
  },
  // 注册组件
  components: {
    GoSchool,
    Item
  },
  methods: {
    addinfo(info_test) {
      console.log(info_test);
    },
    getItem(Item) {
      console.log(Item); //{}
      // this.studentArr []  item{}
      this.studentArr.push(Item);
      console.log(this.studentArr);
    }
  }
};
/* 
需求：
父组件
data  [{id:01,name:"tianqing"},{id:02,name:"houbang"},{id:03,name:"pengfei"}]

子组件  收集 {id：04,name:'boyang'}




*/

/* 
DOM绑定事件
事件名  click 标识名称  名称特定
触发/分发事件  用户操作对应的界面操作执行  浏览器触发（dispatch） 分发（emit）了事件

自定义事件
绑定事件监听
事件名：自定义事件名  回调函数 处理事件逻辑
触发分发事件： this.$emit('事件名',传递的参数)
注：触发分发事件中的事件名一定要和绑定事件监听的事件名一致


*/
</script>

<style>
</style>
